<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/public.css"/>
	<link rel="stylesheet" type="text/css" href="./css/liveing.css"/>
	<link rel="stylesheet" type="text/css" href="./css/glayer.css"/>
</head>
<body>
	<%- include('./header.html')%>
	<div class="center-main">
		<!--左侧导航-->
		<%- include('./side.html')%>
		<!--右侧主题内容-->
		<div class="center-main-content">
			<div class="liveing">
				<div class="liveingtitle">
					<span>直播预约</span>
					<div class="select">
						二级建造师
					</div>
				</div>
				<div class="liveingbox">
					<ul class="liveingboxul">
						<li class="liveingboxli">
							
							<div class="liveingboxlicenter">
								<div class="liveingboxlicentera">
									<div class="liveingboxlicenterbox">
										<ul>
											<li class="liveingboxlicenterboxitem1">2020年二级建造师《案例分析》考前冲刺直播</li>
											<li class="liveingboxlicenterboxitem2">
												主讲人：蒋欢
											</li>
											<li class="liveingboxlicenterboxitem3">
												<i>购课</i><em>不过退费</em>
											</li>
										</ul>
									</div>
									<img src="" alt="">
								</div>
								
							</div>
							<div class="liveingboxlilf">
								<span>10月28日 周三</span>
								<span>19:30-21:30</span>
								<div class="jaojishi">
									<i>倒计时</i><em>02:20:31</em>
								</div>
							</div>
							<div class="liveingboxlirg">
								<em>109人预约</em>
								<a href="javascript:;"><i></i><span>马上预约</span></a>
							</div>
						</li>
						<li class="liveingboxli">
							
							<div class="liveingboxlicenter">
								<div class="liveingboxlicentera">
									<div class="liveingboxlicenterbox">
										<ul>
											<li class="liveingboxlicenterboxitem1">2020年二级建造师《案例分析》考前冲刺直播</li>
											<li class="liveingboxlicenterboxitem2">
												主讲人：蒋欢
											</li>
											<li class="liveingboxlicenterboxitem3">
												<i class="mianfei">购课</i><em>不过退费</em>
											</li>
										</ul>
									</div>
									<img src="" alt="">
								</div>
								
							</div>
							<div class="liveingboxlilf">
								<span>10月28日 周三</span>
								<span>19:30-21:30</span>
								<div class="jaojishi">
									<i>倒计时</i><em>02:20:31</em>
								</div>
							</div>
							<div class="liveingboxlirg">
								<em>109人预约</em>
								<a href="javascript:;"><i></i><span>马上预约</span></a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="liveing" style="margin-top: 20px">
				<div class="liveingtitle">
					<span>近期直播回放</span>
					
				</div>
				<div class="liveingbox">
					<ul class="liveingboxul">
						<li class="liveingboxli">
							
							<div class="liveingboxlicenter">
								<div class="liveingboxlicentera">
									<div class="liveingboxlicenterbox">
										<ul>
											<li class="liveingboxlicenterboxitem1">2020年二级建造师《案例分析》考前冲刺直播</li>
											<li class="liveingboxlicenterboxitem2">
												主讲人：蒋欢
											</li>
											<li class="liveingboxlicenterboxitem3">
												<i>购课</i><em>不过退费</em>
											</li>
										</ul>
									</div>
									<img src="" alt="">
								</div>
								
							</div>
							<div class="liveingboxlilf">
								<span>10月28日 周三</span>
								<span>19:30-21:30</span>
								
							</div>
							<div class="liveingboxlirg">
								<em>109人预约</em>
								<a href="javascript:;" class="huifang"><i></i><span>马上预约</span></a>
							</div>
						</li>
						<li class="liveingboxli">
							
							<div class="liveingboxlicenter">
								<div class="liveingboxlicentera">
									<div class="liveingboxlicenterbox">
										<ul>
											<li class="liveingboxlicenterboxitem1">2020年二级建造师《案例分析》考前冲刺直播</li>
											<li class="liveingboxlicenterboxitem2">
												主讲人：蒋欢
											</li>
											<li class="liveingboxlicenterboxitem3">
												<i class="mianfei">购课</i><em>不过退费</em>
											</li>
										</ul>
									</div>
									<img src="" alt="">
								</div>
								
							</div>
							<div class="liveingboxlilf">
								<span>10月28日 周三</span>
								<span>19:30-21:30</span>
								
							</div>
							<div class="liveingboxlirg">
								<em>109人预约</em>
								<a href="javascript:;" class="huifang"><i></i><span>马上预约</span></a>
							</div>
						</li>
						<li class="liveingboxbtn">
							<a href="javascript:;">查看全部直播回放></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<%- include('./footer.html')%>
	<script src="./js/jquery-1.11.3.min.js"></script>
	<script src="./js/glayer.js"></script>
	<script>
		var layer = new Layer()
		$('.liveingboxbtn').click(function(){
			layer.alert('在此填入内容哈哈哈哈！',function(dom){
				console.log('关闭了啊啊啊！')
				dom.remove()
			})
		})
		
	</script>
</body>
</html>